<template>
    <view class="fixed-btn-box">
        <button
            class="fixed-btn"
            @click="btnClick"
        >
            {{ props.text }}
        </button>
    </view>
</template>

<script lang="ts" setup>
    import { onLoad, onShow, onHide, onReady } from '@dcloudio/uni-app'
    import { markRaw, reactive, ref } from 'vue'
    import type { Ref, Raw } from 'vue'
    const props = withDefaults(defineProps<{
        text?: string,
    }>(), {
        text: '',
    }) 
    const emits = defineEmits<{
        // (e:'update:loading', data: any): void
        (e:'btnClick'): void
    }>()
    const btnClick = () => {
        emits('btnClick')
    }
</script>

<style lang="scss" scoped>
    .fixed-btn-box {
        height: 100rpx;
        .fixed-btn {
            background-color: #fda004;
            color: #fff;
            position: fixed;
            bottom: 0;
            width: 100%;
            border-radius: 0;
        }
    }
</style>
